*{margin: 0;padding: 0;}
body{
	font-size: 12px;

	// 顶部区域
	#top{
		width: 1349px;
		height: 31px;
		border-bottom:1px solid #eeeeee; 
		// background: red;
		margin: 0 auto;
		#top_l{
			width: 1200px;
			height: 30px;
			margin: 0 auto;
			// background: pink;
			.top{
				float:right;
				list-style: none;

				.top0{
					height: 20px;
					border-right: 1px dashed #cccccc;
					margin-top: 5px;
					text-align: center;
					.top_a{
						.top_a1{
							width: 24px;
							height: 16px;
							// background: blue;
							float:left;
						}
						text-decoration: none;
						color: #666;
						
						line-height: 20px;
						&:hover{
							color: #ff6699;
						}

					}
				}
				.top1{
					width: 78px;
				}
				.top2{
					width: 111px;
				}
				.top3{
					width: 103px;
				}
				.top4{
					width:115px;
				}
				.top5{
					width: 55px;
				}
				.top6{
					width: 55px;
				}
				.top7{
					width: 97px;
				}
				.top8{
					width:116px;
					position: relative;
					padding-bottom:20px; 
					&:hover .topl_d{
					display: block;
					}
					.topl_d{
						width: 104px;
						height: 40px;
						background:white;
						border:1px solid #ccc;
						position: absolute;
						top:27px;
						left: 10px;
						display: none;
						li{
							width: 77px;
							height: 20px;
							margin: 0 auto;
							text-align: left;
							padding-left: 5px;
							// background: blue;
							list-style: none;
							&:hover{
								background: #EEEEEE;
							}
							a{
								line-height: 20px;
								text-decoration: none;
								color:#666;
								&:hover{
									color:#f69;
								}
							}
						}
					}
				}
				.top1{
					border-right:none; 
					width: 78px;
				}
			}
			
		}
		
	}


	// banner区域
	#banner{
		width: 1349px;
		height: 120px;
		// background: pink;
		margin: 0 auto;
		padding-bottom: 20px;
		border-bottom: 1px solid #f69;
		#banner1{
			width: 1200px;
			height: 120px;
			// background: blue;
			margin: 0 auto;
			overflow: hidden;
			.banner1{
				width: 204px;
				height: 52px;
				margin-top:35px; 
				float: left;
			}
			.banner2{
				width: 525px;
				height:70px;
				// background: red;
				margin: 0 auto;	
				margin-top:15px;
				margin-left:380px; 
				.banner_t{
					.banner_ts1{
						display: inline-block;
						width: 56px;
						height: 24px;
						background: #ff6699;
					}
					.banner_ts2{
						display: inline-block;
						width: 56px;
						height: 24px;
						background:#f2f2f2;
					}
				} 
				.banner_c{
					.input{
						display: inline-block;
						width: 449px;
						height: 32px;
						border: 2px solid #ff6699;
						margin-top:-3px;
					} 
					button{
						display: inline-block;
						width: 70px;
						height: 36px;
						border: 2px solid #ff6699;
						background: #ff6699;
						margin-top:-3px;
					}
				}
				.banner_b{
					width: 524px;
					height: 26px;
					// background: red;
					overflow: hidden;
					ul{ 
						margin-top:12px;
						li{
							float: left;
							list-style: none;
							width: 44px;
							height: 14px;
							a{
								text-decoration: none;
								color: #666666;
								&:hover{
									color: #ff6699;
								}
							}
						// background: blue;
						
						// .banner_ba2{
						// 	width: 32px;
						// 	height: 14px;
						// 	background: blue;
						}
						
					}
				}		
			}
		}
	}
	#main{
		width: 1200px;
		margin:0 auto;
		margin-top:10px;
		overflow: hidden;
		#main_l{
			width: 170px;
			height: 635px;
			float: left;
			background:#FAFAFA;
			border:1px solid #ccc;
			.main_ll1{
				width:118px;
				height: 16px;
				margin: 0 auto;
				margin-top: 25px;
				list-style: none;
				// background: blue;
				a{
					display:inline-block;
					width: 118px;
					height: 16px;
					font-size: 14px;
					cursor: pointer;
					font-weight: bold;
					color:#f69;
					text-decoration: none;
					float: left;
				}
				.main_ll1a{
					color:black;
					&:hover{
						color:#f69;
					}
				}
				.main_ll1a1{
					color:black;
				}
				ul{
					width: 118px;
					height: 43px;
					// background: red;
					float: left;
					
					li{
						list-style: none;
						margin-top:15px;
						width: 118px;
						height: 14px;
						a{
							font-size: 12px;
							cursor: pointer;
							font-weight: normal;
							color:#999;
							&:hover{
								color: #f69;
							}
						}
					}
				}
			}
		}
		#main_r{
			width: 1015px;
			// height:634px;
			float: left;
			margin-left:10px;
			// background: pink;
			#main_rt{
				width: 1015px;
				height: 143px;
				background:url("../images/self/mlsgr1.jpg");
				#main_rt1{
					width: 955px;
					height: 95px;
					padding: 24px 30px;
					// background: blue;
					.main_rt1l{
						width: 92px;
						height: 92px;
						padding: 2px;
						border:4px solid #fabebe;
						border-radius: 45%;
						float: left;
						img{
							width: 92px;
							height: 92px;
							border-radius: 45%;
						}
					}
					.main_rt1c{
						width: 241px;
						height: 74px;
						// background: pink;
						float: left;
						margin-top:25px;
						margin-left: 10px;
						.main_rt1ct{
							width: 241px;
							height: 26px;
							// background: red;
							margin-bottom: 10px;
							span{
								font-size: 22px;
								color: white;
							}
						}
						.main_rt1cb{
							width: 241px;
							height: 14px;
							margin-top: 20px;
							span{
								color: white;
							}
						}
					}

				}
			}
			#main_rc{
				width: 678px;
				// height: 634px;
				// background: pink;
				margin-top:20px;
				float: left;
				.main_rc1{
					width: 678px;
					height: 142px;
					// background: blue;
					h3{
						width: 678px;
						height: 16px;
						margin-bottom: 10px;
						font-size:  1.17em;
						color: #666;
					}
					.main_rc11{
						width: 676px;
						height: 114px;
						// background:red;
						border:1px solid #EEEEEE;
						ul{
							li{
								width: 132px;
								height: 114px;
								float: left;
								list-style: none;
								// background: yellow;
								a{
									display:block;
									width: 46px;
									height: 56px;
									margin: 0 auto;
									margin-top: 30px;
									// background: pink;
									text-decoration:none;
									color: #666;
									.main_rc11t{
										width: 46px;
										height: 36px;
										text-align: center;
										i{
											width: 27px;
											height: 25px;
											font-size: 24px;
										}
									}
								}
							}

						}
					}
				}
				.main_rc2{
					width: 678px;
					// height: 534px;
					margin-top: 20px;
					// background: blue;
					h3{
						width: 678px;
						height: 16px;
						margin-bottom: 10px;
						font-size:  1.17em;
						color: #666;
					}
					.main_rc21{
						width: 678px;
						// height: 457px;
						border:1px solid #ccc;
						.main_rc22{
							width: 654px;
							// height:440px;
							padding-left: 22px;
							padding-top: 16px;
							.main_rc23{
								width: 633px;
								// height: 1440px;
								padding-left: 14px;
								// background: blue;
								border-left: 1px solid #ccc;
								.main_rc23t{
									width: 633px;
									height: 16px;
									margin-bottom: 18px;
									position: relative;
									img{
										width: 12px;
										height: 12px;
										position: absolute;
										left: -20px;
									}
									.main_rc23tc{
										 color: #f69;
										 font-size: 14px; 
										 font-weight: bold;
									}
									span{
										color: #999999;
									}
								}
								.main_rc23t1{
									width: 633px;
									height: 14px;
									margin-bottom: 8px;
									span{
										color: #666;
										font-weight: bold;
									}
								}
								.main_rc23t2{
									width: 633px;
									height: 258px;
									margin-bottom: 16px;
									// background: red;

									.main_rc23t2l{
										width: 147px;
										height: 258px;
										margin-right: 9px;
										// background: yellow;
										float: left;
										img{
											width: 147px;
											height: 210px;
										}
										.main_rc23t2lc{
											width: 147px;
											height: 16px;
											margin-top: 2px;
											margin-bottom: 4px;
											font-size: 14px;
											color:#f69;
											font-weight: bold;
										}
										.main_rc23t2lb{
											display: block;
											width: 121px;
											height: 14px;
											text-overflow:ellipsis;
											overflow: hidden;
											text-decoration:none;
											color:#666; 
											&:hover{
												color: #f69;
											}
										}
									}
								}
								.main_rc23t3{
									width: 72px;
									height: 14px;
									position: relative;
									margin-bottom: 51px;
									div{
										width: 12px;
										height: 12px;
										position: absolute;
										left: -20px;
										top: 2px;
									}
									span{
										color:#999;
									}
								}
							}
						}
					}
				}

			}
			#main_rb{
				width: 323px;
				height: 395px;
				// background: blue;
				float: left;
				margin-top: 20px;
				margin-left: 14px;
				.main_rbt{
					width: 323px;
					height: 166px;
					// background: pink;
					h3{
						width: 58px;
						height: 16px;
						margin-bottom: 10px;
						font-size: 1.17em;
						color: #666;
					}
					.main_rbt1{
						width: 323px;
						height: 140px;
						border:1px solid #EEEEEE;
						div{
							text-align: center;
							font-size: 16px;
							color:#666;
							line-height: 140px;
						}
					}
				}
				.main_rbc{
					width: 323px;
					height: 209px;
					margin-top: 20px;
					// background: yellow;

					h3{
						width: 323px;
						height: 16px;
						margin-bottom: 10px;
						font-size: 1.17em;
						color: #666;
					}
					.main_rbc1{
						width: 321px;
						height: 166px;
						padding-top: 15px;
						border: 1px solid #EEE;
						position: relative;
						overflow: hidden;
						.main_rbc10{
							width:1284px;
							height: 127px;
							float: left;
							position: absolute;
							top:25px;
							left:0px;
							// background: yellow;

							.main_rbc11{
								width: 321px;
								height: 127px;
								float: left;

								// overflow: hidden;
								// background: blue;
								.main_rbc11l{
									width: 100px;
									height: 127px;
									// background: pink;
									padding-left:7px;
									float: left;
									img{
										width: 90px;
										height: 127px;
									}
									a{
										text-decoration: none;
										position: relative;
										.main_rbc11lh{
											width: 90px;
											height: 18px;
											background: rgba(255, 255, 255, 0.8);
											text-align: center;
											position: absolute;
											top: -9px;
											left: 0px;

											span{
												color: #f69;
											}
										}
									}
								}
							}
						}
							.main_rbc12{
							width: 321px;
							height: 14px;
							margin-top: 10px;
							text-align: center;
							line-height: 14px;
							position: absolute;
							top:148px;
							left:0px;
							a{
								display: inline-block;
							    width: 5px;
							    height: 5px;
							    border-radius: 2px;
							    background-color: #ccc;
							    text-align: center;
							    margin-left: 8px;
							    margin-right: 8px;
							    cursor: pointer;

							}
							a:nth-child(1){
								background:#f69;
							}
						}
					}
				}
			}

		}

	}
		// 站点配置
		#web0{
			width: 100%;
			
			background: #eee;
			
			#web{
				margin-top:30px;
				width: 1200px;
				height: 70px;
				margin:0 auto;
				// border-top:1px solid #999;
				
				line-height: 70px;
				span{
					color: #666;
				}
				a{
					text-decoration: none;
					color: #666;
					&:hover{
						color:#f69;
					}
				}

			}
		}
}